<div id="izquierda">
    <br>
    <ul id="lista_izq" class="wscroll">
        <fieldset>
            <legend>Filtros de b&uacute;squeda</legend>
            <form action="condi?ac=fi" id="filtrado_from" method="post">
                <input type="hidden" name="seccion" value="0" id="padre_sec">
                <table>
                    <tr valign="top">
                        <td valign="top">
                            <label><b>Secci&oacute;n: </b></label>
                        </td>
                        <td>
                            <div id="secc0"> </div>
                        </td>
                    </tr >
                    <tr valign="top">
                        <td>N&uacute;mero</td>
                        <td><input type="text" name="num" size="15" maxlength="8"/></td>
                    </tr>
                    <tr valign="top">
                        <td>Tipo</td>
                        <td>
                            <input type="radio" name="tipo" value="C"/>
                            Condicionante
                            <br>
                            <input type="radio" name="tipo" value="T"/>
                            T&eacute;rmino
                        </td>
                    </tr>
                    <tr valign="top">
                        <td>Tipo 2</td>
                        <td>
                            <input type="radio" name="tipo2" value="CN"/>
                            Conocimiento
                            <br>
                            <input type="radio" name="tipo2" value="CU"/>
                            &Uacute;nico
                            <br>
                            <input type="radio" name="tipo2" value="CP"/>
                            Peri&oacute;dico
                        </td>
                    </tr>
                    <tr valign="top">
                        <td>Fecha Desde</td>
                        <td>
                            <input id="f_date1" name="desde" style="width: 80%;" readonly="readonly">
                            <img id="f_btn1" src="images/calendarLauncher.gif" alt="..." style="cursor: pointer;">
                        </td>
                    </tr>
                    <tr valign="top">
                        <td>Fecha Hasta</td>
                        <td>
                            <input id="f_date2" name="hasta" style="width: 80%;" readonly="readonly">
                            <img id="f_btn2" src="images/calendarLauncher.gif" alt="..." style="cursor: pointer;">
                        </td>
                    </tr>
                    <tr valign="top">
                        <td colspan="2" align="right">
                            <input type="reset" value="Limpiar"/>
                            <input type="submit" value="Filtrar"/>
                        </td>
                    </tr>
                </table>
            </form>
        </fieldset> 
    </ul>
</div>
<div id="centro">
    <jsp:include page="../../acerca.html" ></jsp:include>
</div>
<div id="derecha"></div>

<script type="text/javascript">//<![CDATA[
    var cal = Calendar.setup({
        onSelect: function(cal) { cal.hide(); },
        showTime: false
    });
    cal.manageFields("f_btn1", "f_date1", "%d/%m/%Y");
    cal.manageFields("f_btn2", "f_date2", "%d/%m/%Y");
    
    $("#filtrado_from").submit(function() {
        $.post('condi?ac=fi', $("#filtrado_from").serialize(), function(data) {
            $("#centro").html(data);
        });
        $("#centro").html('<p><img src="images/loading.gif" /><br/>Cargando...</p>');
        return false;
    } );
    
    cargarSecciones(0,0);
    
    function cargarSecciones(lv,sec) {
        if(lv==0){
            charge('#secc'+lv, 'secs?ac=ch&lv='+lv+'&id=0'); 
        }
        else {
            var id = $('#'+sec).val();
            charge('#secc'+lv, 'secs?ac=ch&lv='+lv+'&id='+id);
            var se = $('#slctd'+(lv-1)).val();
            if(se == 0){
                se = $('#slctd'+(lv-2)).val();
            }
            $('#padre_sec').val(se);
        }
    }
    //]]>
</script>